// This file is part of Indico.
// Copyright (C) 2002 - 2025 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'design_system';

// XXX: The following rule is a temporary hack to work around QTip2 styling.
// It should be removed after the popup is converted into a pull-down menu.
.qtip-wide {
  max-width: none;
}

#tz-selector-widget {
  > div {
    text-align: left;
    padding: var(--container-narrow-padding);
    @extend %flex-column;
    --flex-gap: var(--container-padding);
  }

  form {
    @extend %flex-column;
    --flex-gap: var(--container-padding);
  }

  legend {
    @extend %form-label-block;
  }

  .options {
    @extend %button-group;
  }

  .label-text {
    flex: 1;
  }

  [type='radio'] {
    @extend %visually-hidden;
  }

  select {
    @extend %select-list;
    width: 100%;
  }

  option[data-profile] {
    font-weight: bold;
  }

  button {
    @extend %button-main-action;
  }

  [type='checkbox'] {
    @extend %checkbox;
  }
}

#tz-profile-setting {
  > :first-of-type {
    @extend %form-label;
  }
}

#tz-selector {
  @extend %popup-title;
}

#tz-custom-field {
  span {
    @extend %visually-hidden;
  }
}

#tz-remember-setting {
  @extend %flex-row;

  span {
    @extend %form-label;
  }
}
